
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
ul,ol {
    list-style: none;
}

em,i {
    font-style: normal;
}
img {
    border: 0;
    vertical-align: middle;
}
input,select {
    display: inline-block;
    vertical-align: middle;
    font-size: 100%;
    line-height: 150%;
}

a {
    color: #000;
    text-decoration: none;
    outline: none;
    background-color: transparent;
}
body {
    min-width: 320px;
    background: #242f2f;
    font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", arial;
    color: #000;
    cursor: default;
}


/* 放在前边根据元素需要再在后面进行更改，如果放后边就不能更改了 */
.article {
    position: relative;
    float: left;
}
/* 最外层的大盒子 */
.wrapper {
    width: 100%;
    text-align: center;
    background: #E6ECEA url("/bgphoto.png") no-repeat 50% 0;
    padding: 0 0 80px;
}
/* 大盒子里边的居中盒子 */
.container {
    width: 1280px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
}

/* 头部导航Begin */
.header {
    position: relative;
    height: 380px;
}
/* 图片盒子的载体，设置绝对定位脱离文档流，固定在header里的固定位置 */
.logo {
    position: absolute;
    top: 28px;
    left: 0;
    width: 191px;
    height: 67px;
    background: url("/navphoto.png")0 0 no-repeat;
}
/* 给图片一个跳转链接 */
.logo a {
    /* 将a标签转换为块级元素 方可设置高度 */
    display: block;
    height: 100%;
}
/* 设置放有各个头部导航专区的内边距，高度百分百 */
.mainNav {
    height: 100%;
    padding: 0 0 0 475px;
}
/* 头部导航区域里所有li标签 */
.mainNav li {
    /* 全部左浮动 */
    float: left;
    width: 100px;
    padding: 30px 0 0;
}





/* 设置dl元素里dt的宽高 */
.mainNav dt {
    height: 44px;
    width: 92px;
    background: url("/navphoto.png")0 100% no-repeat;
}
/* 给dt元素设置一个跳转的链接 鼠标指针默认箭头 */
.mainNav dt a {
    display: block;
    height: 100%;
    text-indent: -9999px;
    cursor: default;
}
/* 因为头部导航区域第一个li需要跳转官网，其他dt标签指针都设置为了默认箭头，所以要将第一个单独设置箭头样式 */
.mainNav .homeNav dt a {
    cursor: pointer;
}

/* 头部导航区域全部设置上外边距 */
.mainNav dd {
    padding: 10px 0 0;
}
/* 将dd下的全部span标签设置为块级元素 并设置外边距 */
.mainNav .abx {
    padding: 0 0 1px;
    display: block;
}
/* 头部导航区域dd下的a标签全部转换为行内块元素*/
.mainNav dd a {
    display: inline-block;
    margin: 0 0 0 1px;
    color: #525252;
    font-size: 13px;
}
.mainNav dd a:hover {
    color: #01b8a9;
}
/* 头部导航区域里li标签下的dl集合下的各个dt标签设置精灵图显示位置 Begin*/
.mainNav .newsNav dt {
    background-position: -115px 100%;
}

.mainNav .introNav dt {
    background-position: -230px 100%;
}

.mainNav .guideNav dt {
    background-position: -345px 100%;
}

.mainNav .downNav dt {
    background-position: -460px 100%;
}

.mainNav .actvNav dt {
    background-position: -575px 100%;
}

.mainNav .userNav dt {
    background-position: -690px 100%;
}

.mainNav .visionNav dt {
    background-position: -805px 100%;
}

.mainNav .serviceNav dt {
    background-position: -920px 100%;
}
/* 头部导航区域里li标签下的dl集合下的各个dt标签设置精灵图显示位置 END*/
/* 头部导航END */

/* 中间大盒子区域Begin */
/* 最外层盒子设置相对定位，因为他的两个子元素其中一个时绝对定位 */
.content {
    position: relative;
}
/* 第一列盒子Begin */
.slider-content {
    /* 父相子绝 */
    position: absolute;
    top: 20;
    left: 0;
    width: 186px;
}
/* 第一排官方网站区*/
/* 三个排列都要用到的类名 */

/* 第一排外层大盒子 */
.slider-content .article {
    float: none;
}
.snav {
    background-color: #199d80;
}
.snav a {
    display: block;
    text-align: center;
}
/* 游戏下载topbig */
.snav .topbig {
    height: 115px;
    background-color: #2fc3a2;
}
.snav .topbig a {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 24px;
    text-shadow: 2px 2px 3px rgba(42, 182, 141, 1);
    font-weight: bold;
    line-height: 100px;
}
.snav .topbig .eng {
    color: #1d997e;
    line-height: 100%;
    margin: -32px 0 0;
    font-size: 14px;
    font-family: arial;
    display: block;
    font-weight: normal;
    text-shadow: none;
}
/* 鼠标悬停更改样式 */
.snav .topbig a:hover {
    background-color: rgba(255, 255, 255, .1);
}
/* 兑换礼包、充值中心、新手指南 */
.snav .g2 {
    margin: 0 15px;
    height: 61px;
    line-height: 61px;
}
.snav .g2 a {
    position: relative;
    border-bottom: 1px solid #26ae90;
    color: #fff;
    margin: 0 -15px;
}
.snav .g2 a:hover {
    background-color: #2d8672;
}

/* 第二排资料区 */
/* 外层盒子 */
.qnav {
    background-color: #3a3a3a;
    margin: 15px 0 0;
}
/* 外层盒子里ul集合 */
.qnav-a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* 所有li的公共样式 */
.qnav-a .qnav-i {
    position: relative;
    float: left;
    width: 50%;
    height: 100px;
    text-align: center;
    overflow: hidden;
    transition: all .5s ease-out 0s;
}
/* 小图标logo */
.qnav-a .icon {
    display: block;
    color: #cfae69;
    position: absolute;
    top: 22px;
    left: 50%;
    font-size: 34px;
    line-height: 99%;
    width: 28px;
    height: 28px;
    margin: 0 0 0 -14px;
    text-indent: -2px;
    transition: all .7s ease-out 0s;
}


/* 图标下的文字 */
.qnav .singla {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #d4d4d4;
    font-size: 13px;
    padding: 63px 0 0;
    height: 37px;
    transition: all .3s ease-out 0s, padding .3s ease-out .05s, height .3s ease-out .05s;
}
/* CSS实现鼠标悬停两个动画效果 */
.qnav-a .qnav-i:hover {
    background-color: #cfae69;
}
.qnav-a .qnav-i:hover .icon {
    top: -44px;
    opacity: 0;
}
.qnav-a .qnav-i:hover .singla {
    color: #fff;
    padding: 40px 0 0;
    height: 60px;
}
.qnav-a .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid #cfae69;
    margin: -50% 0 0 -50%;
    transform: rotateZ(45deg);
}
/* 第三排 */
/* 外层盒子 */
.others {
    background: #3a3a3a;
    margin: 15px 0 0;
    padding: 20px 15px 42px;
    font-size: 13px;
}
/* 周边商场外层盒子fnav-a */
.fnav-a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* 此层盒子所有li公用同一个样式 */
.fnav-a .fnav-i {
    position: relative;
    border-bottom: 1px solid #474747;
    overflow: hidden;
    line-height: 41px;
    height: 41px;
}
/* 图标 */
.fnav-a .icon {
    position: absolute;
    display: block;
    color: #cfae69;
    left: 30px;
    font-size: 30px;
}
.fnav-a .singla {
    position: relative;
    display: block;
    color: #d4d4d4;
    height: 100%;
    text-align: center;
    text-indent: 35px;
}

.fnav-a .singla:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .04);
}
/* 二维码 */
.ewmarea {
    position: relative;
    margin:40px 0 0;
    padding: 30px 13px 0;
    color: #9c9c9c;
}
/* 天刀助手 */
.ewmarea .wxapp {
    left: 11px;
    position: absolute;
    top: 0;
    line-height: 18px;
    height: 18px;
    text-align: center;
    padding: 0 0 0 8px;
    cursor: pointer;
    color: #f8f8f8;
}
/* 官方微信 */
.ewmarea .wxwx {
    right: 17px;
    border-left: 1px solid #676767;
    position: absolute;
    top: 0;
    line-height: 18px;
    height: 18px;
    text-align: center;
    padding: 0 0 0 8px;
    cursor: pointer;

}
/* 二维码显示 */
.ewmarea img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 腾讯产品区 */
/* 外层盒子 */
.partners {
    padding: 0 13px;
    min-height: 150px;
    margin: 15px 0 0;
}
/* 内层ul */
.partnerlist {
    position: relative;
    margin: 0 0 0 -12px;
    overflow: hidden;
}
/* 各个服务公共样式 */
.partnerlist .ptlts {
    float: left;

    margin: 15px 0 0 12px;
}
/* 给每个服务添加链接a标签 */
.partnerlist .ptlta {
    display: block;
    background: rgba(95, 95, 95, .5);
    border-radius: 50%;
}
/* 设置图片半透明，以便鼠标指上去，显示完全不透明 */
.partnerlist img {
    display: block;
    opacity: .5;
}
.partnerlist img:hover {
    display: block;
    opacity: 1;
}
/* 第一列盒子GND */

/* 第二列盒子Begin */

/* 外层盒子 */
.main-content {
    margin: 0px 0 0 201px;
    position: relative;
    overflow: hidden;
}
/* 轮播图Begin */
.hotrotate {
    position: relative;
    width: 799px;
    height: 300px;
    margin: 0 280px 0 0;
    overflow: hidden;
    background: #fff;
}
/* 图片盒子 */
.rotate_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 799px;
    height: 100%;
    overflow: hidden;
}
/* 图片ul集合 */
.rotate {
    position: absolute;
    width: 5593px;
    height: 100%;
}
/* 第一个li显示的图片 */
.rotate li {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("./lunbo.png");
}
/* 给图片添加在a标签下，还有图片的样式 */
.rotate a,
.rotate img {
    display: block;
    width: 100%;
    height: 100%;
}
/* 底部索引 */
.rotate_number {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    margin-left: 0px;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
    background-color: rgba(56, 56, 56, .9);
}
.rotate_number .numbox {
    height: 100%;
    text-align: center;
}
/* span标签底部索引文字 */
.rotate_number .numbox span {
    display: inline-block;
    width: 14.28%;
    height: 100%;
    margin: 0;
    color: #979696;
}
/* 轮播图GND */
/* 新闻头条区、媒体区、攻略区公用一个样式 Begin */
.hotnews {
    position: relative;
    margin: 15px 0px 0 0;
    background: #fff;
    overflow: hidden;
    width: 393px;
}
.newsbox {
    padding: 15px 20px 17px;
    position: relative;
    overflow: hidden;
}
/* 导航 */
.tabpart {
    width: 353px;
    height: 43px;
}
.tabs {
    width: 100%;
    height: 100%;
}
/* ul集合 */
.tabs li {
    float: left;
    width: 50px;
}
.tabs li a {
    display: block;
    height: 43px;
    line-height: 43px;
    color: #414242;
    text-align: center;
}
.tabs a:hover {
    color: #2fc3a2;
    cursor: pointer;
}
/* 内容 */
.listpart {
    position: relative;
    border-top: 1px solid #e4eae9;
    width: 100%;
    height: 222px;
}
.listbox {
    width: 100%;
    position: absolute;
    top: 18px;
    left: 0;
}
/* 新闻的集合 */
.newslists {
    float: left;
    font-size: 13px;
}
/* 新闻内容的盒子 */
.newslists .nl-i {
    position: relative;
    margin: 0 5px;
}
/* 新闻 */
.newslists .cltag {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 100%;
    margin-top: -7px;
    color: #767676;
}
.newslists .cltit {
    position: relative;
    display: block;
    padding: 3px 50px 3px 0;
    margin-left: 40px;
    color: #505050;
    /* 将a标签超出部分隐藏 必须先把换行属性关掉，然后进行超出部分显示... */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newslists .cltime {
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 100%;
    margin-top: -6px;
    text-align: right;
    color: #b1b1b1;
}
/* 鼠标悬停li标签时更改字体颜色 */
.newslists .cltit:hover {
    color: #2FC3A2;
}
/* 新闻头条区GND */
/* 第二列第二排第二个 Begin*/
/* 游戏特色和设定站共有样式 */
.guide{
    position: absolute;
    width: 189px;
    height: 142px;
    top: 457px;
    left: 610px;
    margin: 15px 15px 0 0;
    background-color: #fff;
}
.features {
    position: absolute;
    top: 457px;
    left: 408px;
    margin: 15px 15px 0 0;
    width: 189px;
    height: 142px;
    background-color: #fff;
}

.guide h2,
.features h2 {
    color: #cfae69;
    font-size: 22px;
    padding: 15px 0 0 20px;
}
.guide .morer,
.features .morer {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0;
}
/* 字体 */
.article .infos {
    margin: 5px 0 0;
    color: #777676;
    line-height: 130%;
    padding: 0 0 0 20px;
    font-size: 12px;
}
/* 字体设置块元素 （独占一行） */
.bk {
    display: block;
}
/* 图片 */
.evcenter {
    position: absolute;
    height: 142px;
    width: 391px;
    top: 300px;
    left: 408px;
    margin: 15px 0 0;
}
.evcenter img {
    width: 100%;
    height: 100%;
}
/* 第二列第二排第二个 END*/

/* 手风琴区Begin */
.quanzi {
    position: relative;
    width: 799px;
    height: 299px;
    margin: 15px 0 0;
    background: #fff;
    overflow: hidden;
}
/* 手风琴轮播区 */
.qzct {
    position: relative;
    width: 392px;
    height: 100%;
    background: #fff;
}
.qzct .qzbox {
    position: relative;
    z-index: 1;
    padding: 20px 0 0;
    margin: 0 20px;
    overflow: hidden;
}
/* 文字样式 */
.qzct h3 {
    font-size: 16px;
    color: #2fc3a2;
    font-weight: bold;
}
.qzct .funarea {
    position: absolute;
    top: 22px;
    right: 0;
    font-size: 13px;
}
.qzct .funarea a {
    color: #888;
}
.qzct .funarea a:hover {
    color: #2FC3A3;
}
.qzct .morer {
    margin: 0 0 0 20px;
}
/* 图片盒子 */
.slider_content{
    margin-top: 15px;
}
/* 手风琴轮播图END */
/* 手风琴区 */
.qzother {
    position: absolute;
    top: 0;
    width: 460px;
    height: 100%;
    overflow: hidden;
    left: 391px;
}
/* 手风琴区END */

/* 媒体区Begin */
.newssort {
    width: 392px;
    height: 299px;
    background-color: #fff;
    margin: 15px 15px 0px 0px;
}
.newssort .tabpart {
    margin: 0 0 0 45px;
}
.newssort .tabs a:hover{
    color: #ff8f17;
}
.newssort .newslists .cltit,
.quanzi .newslists .cltit {
    margin-left: 0;
}
/* 媒体区END */

/* 第二列最后一排图片区Begin */
.banners {
    margin: 15px 15px 0px 0px;
}
/* 为最下边四张图片添加a链接 */
.banners .banns {
    position: relative;
    float: left;
    width: 257px;
    height: 135px;
    margin-bottom: 15px;
}
/* 设置第一张图片和第三张图片的右外边距 */
.banners .banns:first-child,
.banners .banns:nth-of-type(2) {
    margin-right: 14px;
}
/* 设置图片的样式 */
.banners img,
.lastbner img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lastbner {
    display: block;
    margin: 15px 0 0;
}
.lastbner .banns {
    display: block;
    width: 265px;
    height: 135px;
}
/* 鼠标悬停更改图片的透明度 */
.banners .banns:hover,
.lastbner .banns:hover {
    opacity: .9;
}
/* 第二列最后一排图片区END */
/* 第二列盒子GND */

/* 第三列绝对定位盒子 Begin */
/* 第一个vsinfos */
.vsinfos {
    width: 265px;
    height: 300px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
}
/* 标题文字 */
.vsinfos h2 {
    background-position: -134px 3px;
    font-size: 14px;
    margin: 25px 20px 10px;
    color: #3a3a3a;
    line-height: 100%;
    font-weight: normal;
}
.vsinfos h2 .svname {
    display: block;
    font-size: 18px;
    color: #2fc3a3;
    font-weight: bold;
    line-height: 130%;
}
/* 图片盒子 */
.vsinfos .mtpic {
    position: relative;
    display: block;
    width: 228px;
    height: 101px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
/* 鼠标悬停添加阴影 */
.vsinfos .mtpic:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
.vsinfos .mtpic .banns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 文字内容 */
.sm-lists {
    font-size: 13px;
    color: #b6b6b6;
    padding: 10px 20px 0;
}
/* 每个li的公用的样式 */
.sm-lists .stli {
    position: relative;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 设置a标签的字体颜色 */
.sm-lists .sta {
    color: #767676;
}
/* 设置鼠标悬停a标签更改颜色 */
.sm-lists .sta:hover {
    color: #2fc3a2;
}

/* 第二个gamedata */
.gamedata {
    position: absolute;
    right: 0;
    top: 300px;
    margin: 15px 0 0;
    width: 265px;
    height: 300px;
    background-color: #f0f3f8;
}
/* 主内容盒子 */
.cotpart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 266px;
}
/* 右边图片 */
.shaolin{
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 100%;
    width: 165px;
    background: url("/shaolin.png")0px bottom no-repeat;
}
/* 文字区内容盒子 */
.mp-intro {
    position: absolute;
    left: 0px;
    top: 0;
    width: 150px;
    padding: 20px 0 0 18px;
    color: #5d5d5d;
    font-size: 12px;
}
/* 少林标题 */
.mp-intro h3 {
    font-size: 320%;
    color: #2fc3a2;
    font-weight: bold;
    line-height: 130%;
}
/* 小字内容的外边距 */
.mp-level,
.mp-wp {
    margin: 10px 0 0;
}
/* 设置b标签为块级元素 可独占一行 */
.mp-wp b {
    display: block;
}
.mp-level b {
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin: 0 0 3px;
}
/* 正方形难度 */
.mp-level i {
    display: inline-block;
    margin: 0 5px 0 2px;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    background-color: #eeeceb;
    border: 1px solid #c3c3c3;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.mp-level .has {
    background-color: #ff8f17;
    border-color: #ff8f17;
}
/* 第三个avfeast */
.avfeast {
    position: absolute;
    width: 265px;
    top: 615px;
    right: 0;
    margin: 15px 0px 0px 0px;
}
/* li公用的样式 */
.avnav .avnav-i {
    float: left;
    position: relative;
    margin: 0 6px 0 0;
    width: 125px;
    height: 142px;
    background: #2fc3a3;
    overflow: hidden;
    font-size: 16px;
}
/* 视频、壁纸、原画、音乐的外边距 */
.avnav-i.v{
    margin-right: 15px;
}
.avnav-i.w{
    margin-right: 0;
}
.avnav-i.o{
    margin-right: 15px;
    margin-top: 15px;
}
.avnav-i.m{
    margin-right: 0;
    margin-top: 15px;
}
/* 图标和文字解释 */
.avnav .icon {
    display: block;
    position: absolute;
    text-align: center;
    top: 25px;
    font-size: 60px;
    left: 50%;
    width: 62px;
    height: 62px;
    line-height: 62px;
    margin: 0 0 0 -31px;
    color: #FF8F;
    transition: all .7s ease-out 0s;
}
/* 文字样式 */
.avnav .singla {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 90px 0 0;
    height: 52px;
    color: #FF8F;
    text-align: center;
    transition: all .2s ease-out 0s, padding .2s ease-out .05s, height .2s ease-out .05s;
}
/* 文字移动 */
.avnav .singla:hover {
    padding: 56px 0 0;
    height: 86px;
}
/* logo移动 */
.avnav .avnav-i:hover .icon {
    top: -62px;
    opacity: 0;
}
/* 第四个guild */
.guild{
    position: absolute;
    height: 299px;
    width: 265px;
    right: 0;
    top: 943px;
}
/* 第三列绝对定位盒子 END */
/* 新闻区 h2公共样式 */
.article .tipstyle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0 0 20px;
    font-size: 16px;
    line-height: 43px;
    color: #2fc3a2;
}
/* 中间大盒子区域GND */

/* 底部游戏警告区域 在靠下边的我全写在了行内样式里 */
.healthy
{
    clear:both;
    background:
    #1e2628;
    padding:8px 3%;
    text-align:center;
    color:#4f5f5f;
}
.healthy strong
{
    margin:0 5px 0 0;
}
#gfooter .foot_cpright 
{
    padding:50px 0;
    width:1200px;
    margin:0 auto;
}
#gfooter 
{
    background-color:#000;
}
#gfooter .foot_top
{
    background-color:#1e2628;
}

#afooter .foot
{
    font-size: 12px;
    text-align: center;
    padding: 20px 0;
    background: #000;
    color: #aaa;
}
#afooter .foot a
{
    color: #aaa;
    text-decoration: none;
}